var echartsObj = echarts.init($(".users .bar")[0]);
var option;

var item = {
            value: 1200,
            //自定义标签样式，仅对该数据项有效
            label: {

            },
            tooltip: {
                show: false
            },
            //自定义特殊 itemStyle，仅对该数据项有效
            itemStyle: {
                color: "#254065",
                opacity: 0.7
            }
        };
option = {
    color: new echarts.graphic.LinearGradient(0, 0, 0, 1,
    // 上面四个数字定义渐变色的四个起始位置
    [
    { offset: 0, color: '#00fffb' }, // 开始颜色
    { offset: 1, color: '#0061ce' } // 结束颜色
    ]),
    tooltip: {
        trigger: 'item',
        // axisPointer: {            // 坐标轴指示器，坐标轴触发有效
        //     type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        // }
    },
    grid: { //控制直角坐标系的位置
        top: '4%',
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true,
        show: true,
        borderWidth: 1,
        borderColor: 'rgba(0, 240, 255, 0.3)'
    },
    xAxis: [
        {
            type: 'category',
            data: ['上海', '广州', '北京', '深圳', '合肥', '', '......', '', '杭州', '厦门', '济南', '成都', '重庆'],
            axisTick: {  // 刻度相关设置
                show:false,
                alignWithLabel: true
            },
         axisLabel: { // 刻度文字
            color: '#4c9bfd'
            },
           axisLine: { // 线条颜色
                lineStyle: {
                    color: 'rgba(0, 240, 255, 0.3)'
                }
            }
        }
    ],
    yAxis: [ //控制Y轴相关的一切
        {
            type: 'value', //数值轴,适用于连续的数据
                axisLabel: { // 刻度线的文字
                    color: '#4c9bfd'
            },
            axisTick: {
            // show: false
            },
            splitLine: { // 分割线
            lineStyle: {
                color: 'rgba(0, 240, 255, 0.3)'
            }
            },
            axisLine: { // 线条颜色
                lineStyle: {
                    color: 'rgba(0, 240, 255, 0.3)'
                }
            },
        }  
    ],
    series: [
        {
            name: '用户统计',
            type: 'bar',
            barWidth: '60%',
            data: [2100, 1900, 1700, 1560, 1400, item ,item, item,  900, 750, 600, 480, 240]
        }
    ]
};

echartsObj.setOption(option);
